<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>注册</title>
        <link rel="stylesheet" href="{{ url_for('static',filename='css/register.css') }}">
{#        <link rel="stylesheet" href="/static/css/register.css">#}
        <script src="{{ url_for('static', filename='js/use.js') }}"></script>
	</head>
	<body>
		<div class="container">
			<div class="left">
				<h1>欢 迎 注 册</h1>
				<div class="name">福 工 商 x x 后 台 管 理 系 统</div>
			</div>
			<div class="right">
				<div class="header">
					<h2 style="color: #40485b;">注册</h2>
					<div>已有账号？<a href="{{ url_for('login') }}" style="color:#005980;text-decoration: none;">点此登录</a></div>
				</div>
				<div class="center">
					<form>
						<input type="text" id="username" onfocus="onFocusInput1()" onblur="onBlurInput()" placeholder="请输入用户名">
						<p id="usernameTip1" style="display: none;">用户名为必填项</p>
						<p id="usernameTip2" style="display: none;">用户名的长度必须是 2-60 位</p>
						<input type="text" id="phone" onfocus="onFocusInput2()" onblur="onBlurInput2()" placeholder="请输入手机号码">
						<p id="phoneTip1" style="display: none;">手机号码为必填项</p>
						<p id="phoneTip2" style="display: none;">请输入正确的手机号码或邮箱 2-60 位</p>
						<input type="password" id="password" onfocus="onFocusInput3()" onblur="onBlurInput3()" placeholder="密码不少于6位">
						<p id="passwordTip1" style="display: none;">密码为必填项</p>
						<p id="passwordTip2" style="display: none;">密码的长度必须是 6-32 位</p>
						<div class="checkbox">
							<input name="radio" type="checkbox" style="width: 20px;margin: 0;">
							<label>我已阅读并同意<label style="color:#005980;">使用条款 </label>及<label
									style="color:#005980;">非活跃帐号处理规范</label></label>
						</div>
						<button onclick="toRegister()">立即注册</button>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>